
.container{
    padding-top: .76rem;
  }
  .header{
    width: 100%;
    height: .76rem;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    z-index: 10;
  }
  .header>div{
    height: 100%;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
  }
  .header>div.icon-menu{
    width: .59rem;
  }
  .header>div.icon-menu img{
    width: .3rem;
    height: auto;
  }
  .header>div.icon-close{
    width: .59rem;
  }
  .header>div.icon-close img{
    width: .25rem;
    height: auto;
  }
  .header>div.icon-logo{
    -webkit-box-flex: 1;
  }
  .header>div.icon-logo img{
    width: 1.31rem;
    height: auto;
  }
  .header>div.icon-user{
    width: .64rem;
  }
  .header>div.icon-user img{
    width: .2rem;
    height: auto;
  }
  
  .menu{
    position: fixed;
    top: .76rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 10;
    text-align: center;
    padding-top: .32rem;
    font-size: .18rem;
  }
  .menu ul li{
    width: 100%;
    height: .67rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    color: #000000;
  }
  .menu ul li.active a{
    color: #bf9477;
  }
  .menu ul li a{
    color: #000000;
  }
  
  
  .banner{
    width: 100%;
    height: 1.98rem;
  }
  .banner img{
    width: 100%;
    height: auto;
  }


  .list-area{
    padding-left: .17rem;
    padding-right: .17rem;
    padding-bottom: .54rem;
  }
  .design{
    padding: .12rem 0;
    border-bottom: 1px solid #000000;
  }
  .design-title{
    height: .42rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative;
    font-weight: bold;
  }
  .design-title .collapse-btn{
    position: absolute;
    right: .18rem;
    top: .15rem;
    font-size: .4rem;
    display: inline-block;
    width: .11rem;
    height: .11rem;
    background: url('../images/icon_minus.png') no-repeat center;
    background-size: 100% auto;
  }
  .design-title .plus-btn{
    background-image: url('../images/icon_plus.png');
  }
  .content-area{
    text-align: center;
    color: #5c5c5c;
  }
  .content-area p{
    line-height: .24rem;
  }
  .team{
    padding: .12rem 0;
    border-bottom: 1px solid #000000;
  }
  .team-title{
    height: .56rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative;
    font-weight: bold;
  }
  .team-title .collapse-btn{
    position: absolute;
    right: .18rem;
    top: .2rem;
    font-size: .4rem;
    display: inline-block;
    width: .11rem;
    height: .11rem;
    background: url('../images/icon_minus.png') no-repeat center;
    background-size: 100% auto;
  }
  .team-title .plus-btn{
    background-image: url('../images/icon_plus.png');
  }
  .team-content{
    padding-left: .13rem;
    padding-right: .13rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .team-content .team-list{
    width: 1.53rem;
    height: 1.11rem;
    overflow: hidden;
    background: #f2f2f2;
    margin-bottom: .1rem;
    padding-left: .08rem;
    padding-bottom: .05rem;
    font-size: .08rem;
  }
  .team-content .team-list h3{
    height: .3rem;
    border-bottom: 1px solid #e9e9e9;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-align: center;
  }
  .team-content .team-list p{
    height: .23rem;
    padding-top: .04rem;
    padding-right: .08rem;
    display: -webkit-box;
    -webkit-box-align: center;
  }
  .team-content .team-list div{
    padding-right: .08rem;
    line-height: .19rem;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .case{
    padding: 0 0 .12rem;
  }
  .case-title{
    height: .65rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative;
    font-weight: bold;
  }
  .case-title .collapse-btn{
    position: absolute;
    right: .18rem;
    top: .25rem;
    font-size: .4rem;
    display: inline-block;
    width: .11rem;
    height: .11rem;
    background: url('../images/icon_minus.png') no-repeat center;
    background-size: 100% auto;
  }
  .case-title .plus-btn{
    background-image: url('../images/icon_plus.png');
  }
  .case-content{
    border: 1px solid #000000;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-bottom: .27rem;
    position: relative;
    padding-top: .21rem;
  }
  .case-content .date{
    position: absolute;
    font-size: .19rem;
    color: #929292;
    padding: 0 .05rem;
    background: #ffffff;
    top: -0.15rem;
    left: 1.33rem;
  }
  .case-content h2{
    font-size: .12rem;
    height: .745rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
  }
  .case-content img{
    width: 100%;
    height: auto;
    margin-bottom: .16rem;
  }
  .case-content div{
    color: #adadad;
    font-size: .08rem;
  }
  .case .bottom-line{
    width: 100%;
    height: 1px;
    background: #000000;
  }